<template>
	<div>child_1</div>
	<button @click="change">aaa: {{ aaa }}</button>
	
	<div>obj: {{obj}}</div>
</template>

<script setup lang="ts">
import { ref, reactive, toRaw, inject } from 'vue'
	console.log(inject('aaa'));
	let aaa:any = inject('aaa')
	
	function change(){
		aaa.value++
		obj.a++
	}
	
	let obj:any = inject('obj')
	console.log('obj', obj)
	// let bbb = reactive(toRaw(obj))

	setTimeout(() => {
		obj!.a = 111
	}, 1000);
</script>

<style>
</style>